<template>
  <footer class="footer">
    <div class="van-hairline--top"></div>
    <ul>
      <router-link to="home" tag="li">
        <!-- <span class="iconfont icon-shouye"></span> -->
        <span class="icons icon-home"></span>
        <p>首页</p>
      </router-link>
      <router-link to="kind" tag="li">
        <span class="icons icon-baike"></span>
        <p>百科</p>
      </router-link>
      <router-link to="menu" tag="li">
        <span class="icons icon-menu"></span>
        <p>菜谱</p>
      </router-link>
      <router-link to="user" tag="li">
        <span class="icons icon-user"></span>
        <p>我的</p>
      </router-link>
    </ul>
  </footer>
</template>
<script>
import Vue from 'vue'
import { Calendar } from 'vant'

Vue.use(Calendar)
export default {
}
</script>
